
import Nav from '../../components/nav/Nav'
import './Project.css'
import ProjectView from '../../components/project-view/Project-View'
function Project () {

  const list = [{
    title: "博客--大二上学期",
    project: {
      projectTitle: {
        time: "大二上学期",
        pname: "blog",
        team: "个人Demo"
      },
      skill: "html、bootstrap、ajax、Spring+SpringMVC+MyBatis、Mysql",
      describe: "个人博客，用文字记录心情，同时练习SSM框架的使用",
      functionInfo: '主页、显示帖子页、悄悄话页面、发帖页、帖子信息页、修改页，以及登录发帖权限',
      href: '',
      images: [
        "https://ahead-langke.gitee.io/picture-storage/resume/blog/c0bec3c3890d205bee3c1afd3e6395e.png",
        "https://ahead-langke.gitee.io/picture-storage/resume/blog/f4184c132782394d420954d9f53c624.png",
        "https://ahead-langke.gitee.io/picture-storage/resume/blog/4ee4741142485425eeca13794382a91.png",
        "https://ahead-langke.gitee.io/picture-storage/resume/blog/8f6eefda10e844aa2654f27939c7cd1.png",
        "https://ahead-langke.gitee.io/picture-storage/resume/blog/8766f8fa77cabd0b0c7ea4a0261c025.png",
        "https://ahead-langke.gitee.io/picture-storage/resume/blog/ec072a49edf83119174f78b606c7a71.png",
      ]
    }
  }, 
    {
      title: "模仿盆友圈（Demo）--大二下学期",
      project: {
        projectTitle: {
          time: "大二上学期",
          pname: "模仿盆友圈",
          team: "个人Demo"
        },
        skill: "HTML、SpringBoot、Mysql",
        describe: "这是一个类似于匿名发盆友圈的网站，述说无人问津的小九九，同时练习SpringBoot框架的使用和多图片上传的知识",
        functionInfo: '可以发帖子，帖子可以发送多图和表情</br>可以设置名称头像，不设置会随机</br>可以删除帖子',
        href: '',
        images: [
          "https://ahead-langke.gitee.io/picture-storage/resume/friends/6a21b57ee92dcce73b5d0d86606ac7b.png",
          "https://ahead-langke.gitee.io/picture-storage/resume/friends/1d60578ef35f0fc97d62b97dda63a49.png",
          "https://ahead-langke.gitee.io/picture-storage/resume/friends/3b56d8be999e33a479357ec59e2347f.png"
        ]
      }
    },  {
      title: "收作业小程序--大三上学期",
      project: {
        projectTitle: {
          time: "大三上学期",
          pname: "收作业小程序",
          team: "个人Demo"
        },
        skill: "微信小程序、Sa-Token、SpringBoot、Mysql",
        describe: "班里各科目经常收电子版报告，常常因为不知道谁没交、命名不规范而烦恼，然后还要打包发给老师，根据这些需求写了这个收作业程序",
        functionInfo: '根据系统管理员、班级管理员、班级成员，可赋值不同权限</br>查看班级成员、交作业任务、未交作业成员、打包链接（微信小程序不能获取系统文件）</br>发布任务、查看已交作业、添加成员、赋予权限、提交作业',
        href: '',
        images: [
          "https://ahead-langke.gitee.io/picture-storage/resume/fileword/8a25bf2b748f1c2dd44badb514f88f9.jpg",
          "https://ahead-langke.gitee.io/picture-storage/resume/fileword/069465e53bc3f45c6d260e0ca36f7bc.jpg",
          "https://ahead-langke.gitee.io/picture-storage/resume/fileword/20c31a31b7da61916cc7c499401b904.jpg",
          "https://ahead-langke.gitee.io/picture-storage/resume/fileword/dd6dae560fba88a2b2ded9926782724.jpg",
          "https://ahead-langke.gitee.io/picture-storage/resume/fileword/abcdb366278c9699731a2afaf3da489.jpg",
        ]
      }
    },{
      title: "学社稿件收集系统--大三下学期",
      project: {
        projectTitle: {
          time: "大三上学期",
          pname: "收作业小程序",
          team: "个人Demo"
        },
        skill: "SpringBoot + Mybatis、Maven、Redis+JWT鉴权、AOP、Vue",
        describe: `该系统是省级学社对下级地方学社提交的大会发言、提案、征文、社情民意和零讯报送说明稿件，并进行审
        核、采用、推送通知、导出记录、统计稿件的便捷管理系统。`,
        functionInfo: `主要分为稿件审核模块、稿件管理模块、稿件统计模块、稿件投递模块、公告模块、用户管理模块`,
        href: '',
        images: [
          "https://ahead-langke.gitee.io/picture-storage/resume/gov/20231114225533.png",
          "https://ahead-langke.gitee.io/picture-storage/resume/gov/20231114225237.png",
          "https://ahead-langke.gitee.io/picture-storage/resume/gov/20231114225054.jpg",
          "https://ahead-langke.gitee.io/picture-storage/resume/gov/20231114225010.png",
          "https://ahead-langke.gitee.io/picture-storage/resume/gov/20231114225425.jpg",
          "https://ahead-langke.gitee.io/picture-storage/resume/gov/20231114225614.png",
          "https://ahead-langke.gitee.io/picture-storage/resume/gov/20231114225731.png",
        ]
      }
    }, {
      title: "实习工作--大三下学期",
      project: {
        projectTitle: {
          time: "大三下学期",
          pname: "实习项目",
          team: "公司项目"
        },
        skill: "Vue、SpringBoot、BeeltSQL",
        describe: "主要是在参与已有的系统(多个)，进行bug维护、新增功能开发已经代码性能优化",
        functionInfo: '解决sql执行时间过长，进行优化</br>因数据过大文件导出超时的问题</br>根据新需求功能写后端接口，并与前端联调',
        href: '',
        images: [
          "https://ahead-langke.gitee.io/picture-storage/resume/creation/20231114231836.jpg",
          "https://ahead-langke.gitee.io/picture-storage/resume/creation/20231114231944.png",
          "https://ahead-langke.gitee.io/picture-storage/resume/creation/20231114232120.png",
          "https://ahead-langke.gitee.io/picture-storage/resume/creation/20231114232159.jpg",
          "https://ahead-langke.gitee.io/picture-storage/resume/creation/20231114232516.jpg",
        ]
      }
    },  {
      title: "安防系统（一期）--大四下学期",
      project: {
        projectTitle: {
          time: "大四下学期",
          pname: "实习项目",
          team: "公司项目"
        },
        skill: "Dubbo、SpringBoot、MySQL、SpringSecurity+JWT、WebSocket",
        describe: `该系统是与硬件对接的一个安防系统，对接电子围栏、车闸、人行通道，人脸身份验证等设备，并实现大屏实时数据统计展示、工作人员用的巡检app已及管理后台。`,
        functionInfo: `采用SpringSecurity认证鉴权的技术选型，双token无痛感续时;
        </br>Websocket实现设备的周界报警，人脸通道，车闸识别，监控视频的实时推送到实时数据大屏；
        </br>使用Redis作为中间缓存，避免频繁请求数据库并保证Redis的数据一致性，
        </br>负责完成除对接硬件以外的后端代码`,
        href: '',
        images: [
          "https://ahead-langke.gitee.io/picture-storage/resume/yuanyou/20231114231057.png",
          "https://ahead-langke.gitee.io/picture-storage/resume/yuanyou/20231114230925.png",
          "https://ahead-langke.gitee.io/picture-storage/resume/yuanyou/20231114230952.png",
          "https://ahead-langke.gitee.io/picture-storage/resume/yuanyou/20231114231131.png",
          "https://ahead-langke.gitee.io/picture-storage/resume/yuanyou/20231114231138.png",
          "https://ahead-langke.gitee.io/picture-storage/resume/yuanyou/20231114231150.png",
          "https://ahead-langke.gitee.io/picture-storage/resume/yuanyou/20231114231239.png",
        ]
      }
    }, 
  ]

  return (
    <div>
      <Nav isindex={false} content={'项目库'} />
      <div className='project-local'>
        { 
          Object.keys(list).map((item, index) => {
            return <ProjectView key={item} more={false} data={list[item]} />
          })
        } 
      </div> 
    </div>
  );
}

export default Project;